@ibiz-template-plugin/ibiz-file-previewer 0.0.28 → 0.0.29

package/dist/index.es.js

@@ -151,7 +151,7 @@ function O(n2, u2, t2, i2, o2, r2, e2, f2, c2, s2) {
     else u2.__e = t2.__e, u2.__k = t2.__k, n3.then || z$1(u2);
     l$3.__e(n3, u2, t2);
   }
-  else null == r2 && u2.__v == t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : f2 = u2.__e = q$1(t2.__e, u2, t2, i2, o2, r2, e2, c2, s2);
+  else null == r2 && u2.__v == t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : f2 = u2.__e = q$2(t2.__e, u2, t2, i2, o2, r2, e2, c2, s2);
   return (a2 = l$3.diffed) && a2(u2), 128 & u2.__u ? void 0 : f2;
 }
 function z$1(n2) {
@@ -172,7 +172,7 @@ function N$1(n2, u2, t2) {
 function V$1(n2) {
   return "object" != typeof n2 || null == n2 || n2.__b && n2.__b > 0 ? n2 : d$3(n2) ? n2.map(V$1) : w$2({}, n2);
 }
-function q$1(u2, t2, i2, o2, r2, e2, f2, c2, s2) {
+function q$2(u2, t2, i2, o2, r2, e2, f2, c2, s2) {
   var a2, h2, v2, y2, w2, _2, m2, b2 = i2.props || p$3, k2 = t2.props, x2 = t2.type;
   if ("svg" == x2 ? r2 = "http://www.w3.org/2000/svg" : "math" == x2 ? r2 = "http://www.w3.org/1998/Math/MathML" : r2 || (r2 = "http://www.w3.org/1999/xhtml"), null != e2) {
     for (a2 = 0; a2 < e2.length; a2++) if ((w2 = e2[a2]) && "setAttribute" in w2 == !!x2 && (x2 ? w2.localName == x2 : 3 == w2.nodeType)) {
@@ -303,6 +303,11 @@ function T$1(n2, r2) {
   var u2 = p$2(t$1++, 7);
   return C(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
 }
+function q$1(n2, t2) {
+  return o$1 = 8, T$1(function() {
+    return n2;
+  }, t2);
+}
 function j$1() {
   for (var n2; n2 = f$2.shift(); ) if (n2.__P && n2.__H) try {
     n2.__H.__h.forEach(z), n2.__H.__h.forEach(B$1), n2.__H.__h = [];
@@ -2135,6 +2140,8 @@ const LoaddingSvg = (props) => {
     }
   );
 };
+const FullScreenSvg = () => /* @__PURE__ */ u("svg", { viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ u("path", { d: "M547.4 197.4v46l200.3 0.1L546.1 444l32.4 32.6 201.9-200.7v200.9h46V197.5zM471.4 584.4l-32.6-32.6L243.6 747V547.9h-46v278.7h279v-46H275z" }) });
+const CloseFullScreenSvg = () => /* @__PURE__ */ u("svg", { viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ u("path", { d: "M544 480V282.944h52.224l0.064 107.968L763.072 224l36.928 36.928-166.976 166.976 108.032-0.128V480H544zM260.928 800l-36.928-36.928 166.912-166.784-107.968-0.064V544H480v197.056h-52.224l0.064-107.968L260.928 800z" }) });
 function g(n2, t2) {
   for (var e2 in t2) n2[e2] = t2[e2];
   return n2;
@@ -17094,7 +17101,9 @@ const FilePreviewMD = (props) => {
       value: initValue,
       after: () => {
         onPreview();
-        props.onInitialization();
+        requestIdleCallback(() => {
+          props.onInitialization();
+        });
         if (isLongContent) {
           const remaining = content.substring(MAX_INIT_LENGTH);
           const chunks = [];
@@ -19811,7 +19820,75 @@ const FilePreviewImageGroup = (props) => {
     ] }) })
   ] });
 };
+const getFullscreenElement = () => {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = document.fullscreenElement) != null ? _a : document.webkitFullscreenElement) != null ? _b : document.msFullscreenElement) != null ? _c : null;
+};
+const useFullscreen = (targetRef) => {
+  const [isFullscreen, setIsFullscreen] = d$2(
+    () => Boolean(getFullscreenElement())
+  );
+  y$1(() => {
+    const handleChange = () => {
+      setIsFullscreen(Boolean(getFullscreenElement()));
+    };
+    document.addEventListener("fullscreenchange", handleChange);
+    document.addEventListener("webkitfullscreenchange", handleChange);
+    document.addEventListener("MSFullscreenChange", handleChange);
+    return () => {
+      document.removeEventListener("fullscreenchange", handleChange);
+      document.removeEventListener("webkitfullscreenchange", handleChange);
+      document.removeEventListener("MSFullscreenChange", handleChange);
+    };
+  }, []);
+  const enter = q$1(async () => {
+    var _a;
+    const el = (_a = targetRef == null ? void 0 : targetRef.current) != null ? _a : document.documentElement;
+    if (!el) return false;
+    try {
+      if (el.requestFullscreen) {
+        await el.requestFullscreen();
+      } else if (el.webkitRequestFullscreen) {
+        await el.webkitRequestFullscreen();
+      } else if (el.msRequestFullscreen) {
+        await el.msRequestFullscreen();
+      } else {
+        return false;
+      }
+      return true;
+    } catch (error2) {
+      console.error("进入全屏失败", error2);
+      return false;
+    }
+  }, [targetRef]);
+  const exit = q$1(async () => {
+    if (!getFullscreenElement()) return true;
+    try {
+      if (document.exitFullscreen) {
+        await document.exitFullscreen();
+      } else if (document.webkitExitFullscreen) {
+        await document.webkitExitFullscreen();
+      } else if (document.msExitFullscreen) {
+        await document.msExitFullscreen();
+      }
+      return true;
+    } catch (error2) {
+      console.error("退出全屏失败", error2);
+      return false;
+    }
+  }, []);
+  const toggle = q$1(async () => {
+    if (getFullscreenElement()) {
+      await exit();
+    } else {
+      await enter();
+    }
+  }, [enter, exit]);
+  return { isFullscreen, enter, exit, toggle };
+};
 const FilePreviewShell = (props) => {
+  const containerRef = A(null);
+  const { isFullscreen, toggle } = useFullscreen(containerRef);
   y$1(() => {
     document.addEventListener("click", handleClickOutside, true);
     return () => {
@@ -19858,97 +19935,113 @@ const FilePreviewShell = (props) => {
         break;
     }
   };
-  return /* @__PURE__ */ u("div", { className: "file-preview-shell ".concat(state.value.theme), children: [
-    /* @__PURE__ */ u("div", { className: "preview-header", children: [
-      /* @__PURE__ */ u("div", { className: "file-info", children: [
-        /* @__PURE__ */ u("h3", { className: "file-name", children: state.value.fileName }),
-        /* @__PURE__ */ u("div", { className: "engine-container", children: [
-          /* @__PURE__ */ u("div", { className: "engine-content", children: [
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: containerRef,
+      className: "file-preview-shell ".concat(state.value.theme),
+      children: [
+        /* @__PURE__ */ u("div", { className: "preview-header", children: [
+          /* @__PURE__ */ u("div", { className: "file-info", children: [
+            /* @__PURE__ */ u("h3", { className: "file-name", children: state.value.fileName }),
+            /* @__PURE__ */ u("div", { className: "engine-container", children: [
+              /* @__PURE__ */ u("div", { className: "engine-content", children: [
+                /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: "engine-type ".concat(state.value.engineOptions.length > 1 ? "is-multiple" : ""),
+                    children: state.value.engineType
+                  }
+                ),
+                state.value.engineOptions.length > 1 && /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: "engine-icon",
+                    onClick: () => {
+                      showwEngineOptions();
+                    },
+                    children: /* @__PURE__ */ u(DownSvg, {})
+                  }
+                )
+              ] }),
+              showEngineMenu.value && state.value.engineOptions.length > 1 && /* @__PURE__ */ u("ul", { className: "engine-options", children: state.value.engineOptions.map((type) => /* @__PURE__ */ u(
+                "li",
+                {
+                  className: "engine-option-item ".concat(type === state.value.engineType ? "is-active" : ""),
+                  onClick: () => {
+                    handleEngineOptionSelect(type);
+                  },
+                  children: type
+                }
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ u("div", { className: "preview-controls", children: [
+            /* @__PURE__ */ u("div", { className: "custom-controls", id: controller.controlsId }),
             /* @__PURE__ */ u(
-              "div",
+              "button",
               {
-                className: "engine-type ".concat(state.value.engineOptions.length > 1 ? "is-multiple" : ""),
-                children: state.value.engineType
+                className: "control-btn",
+                onClick: toggle,
+                title: isFullscreen ? "退出全屏" : "全屏",
+                children: isFullscreen ? /* @__PURE__ */ u(CloseFullScreenSvg, {}) : /* @__PURE__ */ u(FullScreenSvg, {})
               }
             ),
-            state.value.engineOptions.length > 1 && /* @__PURE__ */ u(
-              "div",
+            /* @__PURE__ */ u(
+              "button",
               {
-                className: "engine-icon",
+                className: "control-btn download-btn",
+                title: "下载选项",
                 onClick: () => {
-                  showwEngineOptions();
+                  showDownloadOptions();
                 },
-                children: /* @__PURE__ */ u(DownSvg, {})
+                children: /* @__PURE__ */ u("span", { className: "icon", children: /* @__PURE__ */ u(DownLoadSvg, {}) })
               }
             )
-          ] }),
-          showEngineMenu.value && state.value.engineOptions.length > 1 && /* @__PURE__ */ u("ul", { className: "engine-options", children: state.value.engineOptions.map((type) => /* @__PURE__ */ u(
-            "li",
+          ] })
+        ] }),
+        showDownloadMenu.value && /* @__PURE__ */ u("div", { className: "download-options", children: [
+          state.value.fileContent === "" && /* @__PURE__ */ u(
+            "button",
+            {
+              className: "download-option",
+              onClick: (event) => {
+                handDownLoad(ActionType.DOWNORIGINAL, event);
+              },
+              children: "下载原文件"
+            }
+          ),
+          state.value.engineType !== EngineType.PDF && /* @__PURE__ */ u(
+            "button",
             {
-              className: "engine-option-item ".concat(type === state.value.engineType ? "is-active" : ""),
-              onClick: () => {
-                handleEngineOptionSelect(type);
+              className: "download-option",
+              onClick: (event) => {
+                handDownLoad(ActionType.COPYTEXTCONTENT, event);
               },
-              children: type
+              children: "复制文本内容"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u("div", { className: "preview-content", children: [
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: "preview-inner ".concat(controller.state.value.engineType.toLowerCase(), "-engine"),
+              children: state.value.isCreated && controller.preViewComp && controller.preViewController ? _$2(controller.preViewComp, {
+                controller: controller.preViewController,
+                onInitialization: () => {
+                  var _a, _b;
+                  controller.updateState({ isLoading: false });
+                  (_b = (_a = controller.getOptions()).onInitialized) == null ? void 0 : _b.call(_a);
+                }
+              }) : null
             }
-          )) })
+          ),
+          state.value.isLoading && /* @__PURE__ */ u(Loading, { size: 48 })
         ] })
-      ] }),
-      /* @__PURE__ */ u("div", { className: "preview-controls", children: [
-        /* @__PURE__ */ u("div", { className: "custom-controls", id: controller.controlsId }),
-        /* @__PURE__ */ u(
-          "button",
-          {
-            className: "control-btn download-btn",
-            title: "下载选项",
-            onClick: () => {
-              showDownloadOptions();
-            },
-            children: /* @__PURE__ */ u("span", { className: "icon", children: /* @__PURE__ */ u(DownLoadSvg, {}) })
-          }
-        )
-      ] })
-    ] }),
-    showDownloadMenu.value && /* @__PURE__ */ u("div", { className: "download-options", children: [
-      state.value.fileContent === "" && /* @__PURE__ */ u(
-        "button",
-        {
-          className: "download-option",
-          onClick: (event) => {
-            handDownLoad(ActionType.DOWNORIGINAL, event);
-          },
-          children: "下载原文件"
-        }
-      ),
-      state.value.engineType !== EngineType.PDF && /* @__PURE__ */ u(
-        "button",
-        {
-          className: "download-option",
-          onClick: (event) => {
-            handDownLoad(ActionType.COPYTEXTCONTENT, event);
-          },
-          children: "复制文本内容"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ u("div", { className: "preview-content", children: [
-      /* @__PURE__ */ u(
-        "div",
-        {
-          className: "preview-inner ".concat(controller.state.value.engineType.toLowerCase(), "-engine"),
-          children: state.value.isCreated && controller.preViewComp && controller.preViewController ? _$2(controller.preViewComp, {
-            controller: controller.preViewController,
-            onInitialization: () => {
-              var _a, _b;
-              controller.updateState({ isLoading: false });
-              (_b = (_a = controller.getOptions()).onInitialized) == null ? void 0 : _b.call(_a);
-            }
-          }) : null
-        }
-      ),
-      state.value.isLoading && /* @__PURE__ */ u(Loading, { size: 48 })
-    ] })
-  ] });
+      ]
+    }
+  );
 };
 class FilePreviewItemController {
   /**
@@ -21226,8 +21319,8 @@ class FilePreviewShellController {
   async updateView(data) {
     this.updateState({ isCreated: false, isLoading: true });
     await this.parseParams(data);
-    await this.parsePreviewItem();
     this.mountComponent();
+    await this.parsePreviewItem();
     this.updateState({ isCreated: true });
   }
   /**